<!--
 * @Author: your name
 * @Date: 2021-08-25 15:18:51
 * @LastEditTime: 2021-08-25 15:18:51
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \bigdate\src\views\others\404.vue
-->
<template>
     <div>
      <Drawer :visible="isload" :closable="false">
            <Qrcode @logoclick="logoclicks"></Qrcode>
            <div class="text">
                   拿出手机扫一扫 
            </div>
            <div class="btns">
                <Button type="primary" @click="handleClick" block>账号密码登录</Button>
            </div>
            <div class="btns">
                <Button type="primary" @click="Askadmin" block>联系管理员</Button>
            </div>
      </Drawer>
            
     </div>
</template>

<script lang="ts">
import { defineComponent, ref } from 'vue';
import { Card,Button,Drawer } from 'ant-design-vue';
import Qrcode from './qrcode.vue';
export default defineComponent({
    components: {
        Card,Button,
        Qrcode,
        Drawer 
    },
    props:{
        isload:{
             type:Boolean,
        }
    },
    emits:{
        handldCode:null
    },
    setup(prop,{emit}){
         const logoclicks = ()=>{
              handleClick();
         }
         const handleClick = ()=>{
                emit('handldCode',!prop.isload)
         }
         const Askadmin = ()=>{
               alert('关注公众号“八位字节”也许会有你想要的答案！！！')
         }
         return {
             handleClick,
             logoclicks,
             Askadmin
         }
    }
})
</script>

<style lang="less" scoped>
.btns{
          width: 200px;
          margin-top: 1rem;
     }
 .text{
      text-align: center;
      font-size: 10px;
      color: #666;
 }    
</style>
